
<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="utf-8">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <meta name="format-detection" content="email=no"/>
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="renderer" content="webkit">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
        <meta http-equiv="Pragma" content="no-cache" />
        <meta http-equiv="Expires" content="0" />
    	<title>[简历]张渚-中山大学南方学院/广州</title>
    	<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="assets/css/typo.css">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/index.css">
        <script>
            function loading(){
                document.getElementsByClassName('avatar')[0].style.display = 'block';
                document.getElementsByClassName('loading')[0].style.display = 'none';
            }
        </script>
    </head>
    <body>

        <header>个人简历</header>
        
        <article class="container">
            <section class="side">
                <!-- 个人肖像 -->
                <section class="me">
                    <section class="portrait">
                        <div class="loading">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <!-- 头像照片 -->
                        <img class="avatar" src="assets/images/avatar.jpg" onload="loading()">
						

						
                    </section>

                    <h1 class="name">张渚</h1>
                    <h4 class="info-job">中山大学南方学院 / 广州 /中国</h4>

                </section>

                <!-- 基本信息 -->
                <section class="profile info-unit">	 
				<style>
                    <h2>@font-face
{
	font-family: ZZ;
	src: url("assets/fonts/simhei.ttf"); 
}
</style>

<i class="fa fa-user" aria-hidden="true"></i>基本信息</h2>
                    <hr/>
                    <ul>
                        <li>

                            <label>个人信息</label>
                            <span>张渚 / 男 / </span>
                        </li>
                        <li>
                            <label>出生地</label>
                            <span>广东汕头</span>
                        </li>
<li>
                            <label>年龄</label>
                            <span>18 </span>
                        </li>
                    </ul>
                </section>

                <!-- 联系方式 -->
                <section class="contact info-unit">
                    <h2><i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2>
                    <hr/>
                    <ul>

                        <li><label>手机</label><a href="tel:13226839932" target="_blank">132-2683-XXXX</a></li>
                        <li><label>邮箱</label><a href="mailto:165019239@qq.com" target="_blank">165019239@qq.com</a></li>
                        <li><label>个人主页</label><a href="http://www.4399.com/" target="_blank">http://www.zhangzhu.com//</a></li>
                        <li><label>Gitee</label><a href="https://gitee.com/zhang_zhu" target="_blank">https://gitee.com/zhang_zhu</a></li>
                    </ul>
                </section>

                <!-- 技能点 -->
                <section class="skill info-unit">
                    <h2><i class="iconfont">&#xe638; </i>技能点</h2>
                    <hr/>
                    <ul>
                        <li><label>HTML</label><progress value="60" max="100"></progress></li>
                        <li><label>CSS</label><progress value="50" max="100"></progress></li>
                    </ul>
                </section>
                <section class="qrcode info-unit">
    <h2>
        <i class="fa fa-qrcode" aria-hidden="true">
           
        </i>
        WeChat
    </h2>
    <hr>
    <img src="assets/images/WeChat.jpg" style ="width:80%" alt>
    </section>

                <!-- 技术栈 -->
                <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
            </section>

            <main>

                <!-- 学习经历 -->
                <section class="edu info-unit">
                    <h2><i class="fa fa-graduation-cap" aria-hidden="true"></i>学习经历</h2>
                    <hr/>
                    <ul>
                        <li>
                            <h3><span>广东省汕头市金山中学南区学校</span><time>2016.9-2019.7</time></h3>
                            <p>担任职位<mark>劳动委员，电教员</mark></p>
                        </li>
                        <li>
                            <h3><span>中山大学南方学院 - 网络与新媒体专业（本科）</span><time>2019.9-今</time></h3>
                            <p>来自院系<mark>文学与传媒学院</mark>2019级网新二班</p>
                        </li>
                    </ul>
                </section>

                <!-- 工作经历 -->
                <section class="work info-unit">
                    <h2><i class="fa fa-shopping-bag" aria-hidden="true"></i>工作经历</h2>
                    <hr/>
                    <ul>
                        <li>
                            <h3>
                                <span>[经历]暑假工</span>
                                <time>2016.7 至 2016.9</time>
                            </h3>
                            <ul class="info-content">
                                <li>前往渔网工厂参与渔网生产，学习生产线生产，参与基础产品生产</mark>。</li>
                                
                            </ul>
                        </li>
                        <li>
                            <h3>
                                <span>[经历2]2017－达濠区税务局工作体验</span>
                                <time>2017.10</time>
                            </h3>
                            <ul class="info-content">
                                <li>参与税务局工作体验，了解税务工作流程</li>
                                
                            </ul>
                        </li>
                    </ul>
                </section>

                

                <!-- 自我评价 -->
                <section class="work info-unit">
                    <h2><i class="fa fa-pencil" aria-hidden="true"></i>自我评价/期望</h2>
                    <hr/>
                    <p>希望在接下来的大学生活中更多学习增强html及产品设计方面能力，增强自身学习主动性与积极性，为未来工作学习打好基础。</p>
                    <h1></h1>
                    <h2></h2>
                    <h3></h3>
                    <h4></h4>
                    <h5></h5>
                </section>
            </main>
        </article>
        <address style="text-align: center";>Redesigned by zhang_zhu</address>

        

        

        <footer>
            <p>2019  张渚，文档最后更新时间为<time>2019.11.25</time>.</p>
        </footer>

        <!-- 侧栏 -->
        <aside>
            <ul>
                <li><a href="https://gitee.com/zhang_zhu/interim_projects" target="_blank">源代码</a></li>
                
            </ul>
        </aside>

        <script src="./assets/js/index.js"></script>
    </body>
</html>